HTML Full Course [Day 4] [Hindi] 💻 | Table, Nested Table, Style 🚀 | Mohit Decodes

HTML Tutorial – Part 4: Tables, Styling & Nesting

Welcome to Part 4 of the HTML Full Course by Mohit Decodes! In this lesson, you’ll learn how to present structured data using HTML tables, apply basic styling, and even nest tables inside tables.

📋 HTML Tables

HTML tables allow you to organize data in rows and columns using a structured format.

✅ Basic Table Tags:

1. <table> – Starts the table
2. <tr> – Table row
3. <th> – Table header (bold and centered by default)
4. <td> – Table data cell

📌 Example:

🎨 HTML Table Styling

You can enhance the look of a table using inline styles or CSS.

📌 Example with Inline Style:

✅ Style Tips:

1. Use border-collapse: collapse; to merge borders
2. Set padding for spacing
3. Use background colors for readability

🧩 Nested HTML Tables

A nested table is a table placed inside a cell (<td>) of another table. This is useful when you want to display complex data or group related data together.

📌 Example:

📝 Note: Avoid overusing nested tables for layout. Instead, use CSS Flexbox or Grid for modern layouts.